<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1"/>
<link rel="stylesheet" type="text/css"
	href="css/jquery.mobile-1.3.2.css" />

</head>
<body class="ui-mobile-viewport ui-overlay-e">
	<div id="InitialTestPage" data-url="InitialTestPage" data-role="page"
		data-theme="d">
		<div data-role="header" data-theme="d">
			<h1>Initial Test</h1>
		</div>

		<div data-role="content">
			<span id="initialtest-page"> Perform as many pushups as you
				possibly can in a single row and enter your result.
				<div data-role="fieldcontain">
					<label for="result_pushups">I did </label> <input type="text"
						name="result_pushups" id="result_pushups" /> pushups.
				</div>
			</span>
		</div>

		<div class="data-role-footer" data-role="footer">
			<div class="ui-navbar" data-role="navbar">
				<ul>
					<li><a data-theme="d" data-icon="arrow-r"
                           onclick="initialtestcontroller.saveResult($('#result_pushups').val());
                                    $.mobile.changePage( 'profile.html', { transition: 'slide', changeHash: false });">
                        Save</a></li>
				</ul>
			</div>
		</div>
		
	</div>

	<script type="text/javascript" src="phonegap.js"></script>
	<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
    <script type="text/javascript" src="js/Helpers/md5.js"></script>
    <script type="text/javascript" src="js/Controllers/profilecontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/initialtestcontroller.js"></script>
    <script type="text/javascript" src="js/BL/categoryBL.js"></script>

</body>
</html>
